<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>医生诊断页面</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="/static/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="/static/animate.css" type="text/css" />
  <link rel="stylesheet" href="/static/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/static/font.css" type="text/css" cache="false" />
  <link rel="stylesheet" href="/static/plugin.css" type="text/css" />
  <link rel="stylesheet" href="/static/app.css" type="text/css" />
  <link rel="stylesheet" href="/static/fuelux.css" type="text/css" />
  <link rel="stylesheet" href="/static/select2.css" type="text/css" />
  <!--[if lt IE 9]>
    <script src="js/ie/respond.min.js" cache="false"></script>
    <script src="js/ie/html5.js" cache="false"></script>
    <script src="js/ie/fix.js" cache="false"></script>
  <![endif]-->
  <meta charset="utf-8">
    <script type="text/javascript">
        var t = null;

        function time() {
            dt = new Date();
            var y = dt.getFullYear();
            var M = dt.getMonth() + 1;
            var d = dt.getDate();
            var h = dt.getHours();
            var m = dt.getMinutes();
            var s = dt.getSeconds();
            M=checkTime(M);
            d=checkTime(d);
       		h=checkTime(h);
            m=checkTime(m);
            s=checkTime(s);
            document.getElementById("timeShow").innerHTML = "当前时间：" + y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s;
            t = setTimeout(time, 1000);
        }

        window.onload = function () {
            time()
        }
        
        function checkTime(i){
        if(i<10){
            i="0"+i;
        }
        return i;
    }
    </script>
    <style type="text/css">
      #date{background:#6ed4f4;border:none}
    </style>
  
</head>
<body>
  <section class="hbox stretch"> 
    <!-- 整体页面 -->
    <!-- .aside -->
    <aside class="bg-info aside-md" id="nav">
      <!-- 左半部分 -->
      <section class="vbox">
        <!-- 还是左半部分，所以说vbox到底是个啥 -->
        <header class="nav-bar dker">
          <!-- 最上面的标题 具体是啥我也不明白 -->
          <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen" data-target="#nav">
            <i class="fa fa-bars"></i>
          </a>
          <a href="#" class="nav-brand" data-toggle="fullscreen">检测列表</a>
          <a class="btn btn-link visible-xs" data-toggle="class:show" data-target=".nav-user">
            <i class="fa fa-comment-o"></i>
          </a>
        </header>
        <section>
          <!-- 显示医生个人信息 -->
          <!-- 使用模板语言传入数据 -->
          <div align="center"><font color="black"> 一切为了病人的安全<br>工作医生姓名：{{name}}<br>工号：{{id}}<br>您当前所在的化验室：{{room}}
          </font></div>
          <nav class="nav-primary hidden-xs">
            <ul class="nav">
              {% for foo in pNameId %}
              <li>
                <form  method="POST">
                  {% csrf_token %}
                  <button type="submit" style="width: 100%; height: 80px;font-size:20px;" id="date"  value="{{foo.0}}" name="选择病人">
                  <div align="center"><font size="5">{{foo.1}} </font>
                    <font size="4"><br>身份证号：{{foo.0}}</font></div>
                </button>
                </form>
              </li> 
              {% endfor %} 
            </ul>
          </nav>
          <!-- note -->
          
          <!-- / note -->
        </section>
        <footer><font size="4">
          <div id="timeShow"></div></font></footer>
      </section>
    </aside>
    <!-- /.aside -->
    <!-- .vbox -->
    <section id="content">
      <!-- 右半部分 -->
      <section class="hbox stretch" id="taskapp">
        <div class="panel-group m-b" id="accordion2">
          <div class="panel">
            <div class="panel-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                患者具体信息
              </a>
            </div>
            <div id="collapseOne" class="panel-collapse in">
              <div class="panel-body text-sm">
                <font size='4'>
                  病人姓名：{{pinfo.0}}<br/>性别：{{pinfo.1}}<br/>年龄：{{pinfo.2}}<br>
                  病人联系方式：{{pinfo.3}}<br/>身份证号：{{pinfo.4}}<br/>检测备注：{{pinfo.5}}
        
                </font>
              </div>
            </div>
          </div>
          <section class="panel">
            <header class="panel-heading font-bold">
              化验结果
            </header>
            <div class="panel-body">
              <form  class="form-horizontal"  method="POST">
                <!-- 这里是from -->
                {% csrf_token %}
                <div class="form-group">
                  <!-- 添加备注部分 -->
                  <label class="col-sm-2 control-label">化验结果提交</label>
                  <div class="col-sm-10">
                    <input type="remark" name="化验结果" class="form-control" style="height:34px;max-height:150px" >
                  </div>
                </div>
                <div class="form-group">
                  <!-- 添加备注部分 -->
                  <label class="col-sm-2 control-label">备注</label>
                  <div class="col-sm-10">
                    <input type="remark" name="" class="form-control" style="height:34px;max-height:150px" name='化验备注信息'>
                  </div>
                </div>
                <div class="form-group">
                  <!-- 提交部分 -->
                  <div class="col-sm-4 col-sm-offset-2">
                    <button type="reset" class="btn btn-white">取消</button>
                    <button type="submit" class="btn btn-primary" name='化验完成' value="化验完成">确定</button>
                  </div>
                </div>
              </form>
              {% if messages %}
                              <script>
                              {% for msg in messages %}
                              alert('{{ msg.message }}');
                              {% endfor %}
                              </script>
                          {% endif %}
            </div>
          </section>
        
        <!-- .aside -->
        
        <!-- /.aside -->
      </section>
    </section>
    <!-- /.vbox -->    
  </section>
	<script src="/static/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="/static/bootstrap.js"></script>
  <!-- App -->
  <script src="/static/app.js"></script>
  <script src="/static/app.plugin.js"></script>
  <script src="/static/app.data.js"></script>  
  <script src="/static/underscore-min.js"></script>
  <script src="/static/backbone-min.js"></script>
  <script src="/static/backbone.localStorage-min.js"></script>
  <script src="/static/moment.min.js"></script>
  <!-- Tasks -->
  <script src="/static/tasks.js" cache="false"></script>
  <script src="/static/fuelux.js"></script>
  <script src="/static/select2.min.js"></script>    
</body>
</html>